link_color = #a75416
background = #a60
background2 = #530
lightbase = #fff
lightbase2 = #eee
lightborder = #ccc
medborder = #888
medbase = #aaa

body, html
  width 100%
  height 100%
  padding 0
  margin 0
  text-align center
  
html
  background-color background2
  
body
  margin-top -15px
  font-family Verdana,Arial,Helvetica,sans-serif
  padding 10px 0
  background -moz-linear-gradient(top, background, background2)
  background -webkit-gradient(linear, 0 0, 0 90%, from(background), to(background2))

  background-color background2

a
  color link_color
  text-decoration none

a:hover
  text-decoration underline
  
p, ul, ol
{
    margin-bottom: 1.5em;
}

ul,
ul>li,
ol,
ol>li
{
    list-style-position: outside;
}

ul.bullets,
ul.bullets>li
{
    list-style-type: circle;
}

ul.bullets ul.bullets,
ul.bullets ul.bullets>li
{
    list-style-type: square;
}

ul.bullets ul.bullets ul.bullets,
ul.bullets ul.bullets ul.bullets>li
{
    list-style-type: disc;
}

ol,
ol>li,
ol.decimal,
ol.decimal>li
{
    list-style-type: decimal;
}

ol ol,
ol ol>li,
ol.Alpha,
ol.Alpha>li
{
    list-style-type: upper-alpha;
}

ol ol ol,
ol ol ol>li,
ol.roman,
ol.roman>li
{
    list-style-type: lower-roman;
}

ol ol ol ol,
ol ol ol ol>li,
ol.alpha,
ol.alpha>li
{
    list-style-type: lower-alpha;
}

strong,
.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

.small {
    font-size: 85%;
    margin-bottom: 0;
}

.red {
    color: red;
}

.green {
    color: green;
}

.system {
    color: green;
    font-weight: bold;
    font-style: italic;
}

table {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #fff;

    th, td, caption {
        padding: 4px 7px;
    }

    thead th {
        background-color: #eee;
        border-top: 2px solid #000;
        border-bottom: 1px solid #888;
    }

    tbody {

        tr td {
            background-color: #eee;
            border-bottom: 1px solid #aaa;
        }
        
        tr:nth-child(1) td {
            border-top 1px solid #aaa
        }

        tr:nth-child(even) td,
        tr.even td {
            background-color: #fff;
        }
    }

    tfoot tr td {
        border-bottom: 2px solid #000;
    }

}
  
#everything
  margin 0 auto
  text-align left
  background-color transparent !important
  
  width 84%
  padding 0
  
#head
  padding 1em 0
  -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  
  background-color lightbase !important
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;

  border-top: none;
  
  h1
    font-family: 'FontinSansSmallCaps', sans-serif;
    text-shadow: #aaa 1px 1px 5px;
    font-size: 60px;
    line-height: 1em;
    color: link_color;
    padding: 0;
    margin: 0 15px 5px;
  
  nav
    margin-left 2em
    
    ol
      list-style none
      overflow auto
      margin 0
      padding 0
      
      li
        float left
        margin-right 10px
  
#body
  -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
  overflow: auto;
  padding: 10px 0;
  margin-bottom: 20px;
  margin-top: 20px;
  
  background-color: lightbase;
  
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

#announce
  padding 0.5em 2em
  clear both
  color #c00
  font-weight bold

#about
  padding 0 2em
  
  h2
    margin-left -0.5em
  
#entry
  margin-left 1em
  width 45%
  border-right 1px solid #ccc
  float left
  
#results
  margin-left 5%
  width 45%
  float left
  
fieldset
  border 0
  
label, .pseudo-label
  display block
  font-weight bold
  margin-top 10px
  
label.no-block
  display inline
  margin-top auto
  
select, input
  padding 2px 5px
  width 80%
  
input[type=checkbox]
  display inline
  width auto
  
button
  font-weight bold
  padding 5px 10px
  border-radius 5px
  -moz-border-radius 5px
  -webkit-border-radius 5px
  border 1px solid #ccc
  background-color #eee
  cursor pointer
  margin-right 5px
  
button.pos
  color #040
  
button.pos:hover
  color #ccc
  background-color #040
  
button.neg
  color #400
  
button.neg:hover
  color #ccc
  background-color #400

#actual_results
  table
    width 100%
    padding-top 15px
    
  td
    padding 6px 7px
    
  td.label
    font-weight bold
    width 46%
    
  td.label + td
    width 27%
    text-align right
    
  td.label + td + td
    width 27%
    text-align right

span.label
  font-weight bold
  display block
  float left
  width 45%
  clear left
  margin-top 10px
  
span.value
  margin-left 5px
  display block
  float left
  width 50%
  margin-top 10px
  
span.add
  color #080
  
span.sub
  color #800
  
h1, h2, h3, h4, h5
  font-family: 'FontinSansSmallCaps', sans-serif;
  margin-bottom: .5em;

h1
  color: #222;
  font-size: 182%;


h2
  padding-bottom: 5px;
  line-height: 1em;
  color: #444;
  font-size: 167%;

h3
  color: #666;
  font-size: 153.9%;

ul#notifications
  li
    border-radius 10px
    -moz-border-radius 10px
    -webkit-border-radius 10px
    -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
    
  li.error
    background-color #400
    color #eee
    

@font-face {
    font-family: 'FontinSansSmallCaps';
    src: url('/fonts/fontin_sans_sc_45b-webfont.eot');
    src: local('☺'), url('/fonts/fontin_sans_sc_45b-webfont.woff') format('woff'), url('/fonts/fontin_sans_sc_45b-webfont.ttf') format('truetype'), url('/fonts/fontin_sans_sc_45b-webfont.svg#webfontFZcdVJKv') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RalewayThin';
    src: url('/fonts/raleway_thin-webfont.eot');
    src: local('☺'), url('/fonts/raleway_thin-webfont.woff') format('woff'), url('/fonts/raleway_thin-webfont.ttf') format('truetype'), url('/fonts/raleway_thin-webfont.svg#webfontsVpRIgRb') format('svg');
    font-weight: normal;
    font-style: normal;
}
